require(['./config'], () => {
    require(['template','floatbar','header','footer','cookie'], (template , floatbar) => {
        class Logins {
            constructor(){
                this.loginTab()
                this.loginTask()
                this.zhuCeTask()
            }
            loginTab(){
                $('#tab-top>#tab-btns').on('click',function(){
                    $(this).addClass('change-tab').siblings().removeClass('change-tab')
                    $('#tab-wrap>#tab3').eq($(this).index()).addClass('change').siblings().removeClass('change')
                })
            }
            // 登陆
            loginTask(){
                const this1 = this
                $('#inp-button').on('click', function(){
                    console.log($('#inp-button'))
                    var userphone1 = $('#inp-username').val()
                    var password1 = $('#inp-password').val()
                    // 取出本地的localStorage存储的用户信息
                    var userList = localStorage.getItem('userList')
                    if (userList) {
                        userList = JSON.parse(userList)
                            //判断localStorage中是否存在此用户
                        var isExist = userList.some(resp => {
                            return resp.userphone2 === userphone1 && resp.password2 === password1
                        })
                        if (isExist) {
                                var userInfo = { userphone1, password1 }
                                    //如果存在存入cookie
                                $.cookie('user', JSON.stringify([userInfo]), {
                                    exprice:7,
                                    path: '/'
                                })
                                this1.Alert2()
                        }else{
                           return alert('手机号或密码错误，请重新输入')
                        }
                    }
                })
            }
            // 注册
            zhuCeTask(){
                const _this = this
                $('#registerBtn').on('click', function(){
                    var userphone2 = $('#inp-phone').val();
                    var password2 = $('#inp-style-password').val();
                    var user = [];
                    // //手机号
                    // var telephone = /^[1]([3-9])[0-9]{9}$/;
                    // //密码
                    // var Pwd = /^\d{6,16}$/;
                    if(userphone2){
                        if(password2){
                            let userInfo = { userphone2 , password2}
                            let userList = localStorage.getItem('userList')
                            if(userList){
                                // 有数据时
                                userList = JSON.parse(userList)
                                const isExsit = userList.some((shop,index ) => {
                                    return shop.userphone2 === userphone2
                                })
                                if(isExsit){
                                    return alert('该用户已存在')
                                }else{
                                    userList.push(userInfo)
                                    localStorage.setItem('userList' ,JSON.stringify(userList))
                                }
                            }else{
                                // 无数据时
                                user.push(userInfo)
                                localStorage.setItem('userList' ,JSON.stringify(user))
                            }
                            // 注册成功将跳转页面
                            _this.Alert()
                        }else{
                            alert("请输入密码")
                        }
                    }else{
                        alert("请输入手机号")
                    }
                })
            }
            Alert(){
                $('.alert1').css('display','block')
                setTimeout(function(){
                    //这里写时间到后执行的代码
                    $('.alert1').css('display','none')
                }, 2000);
            }
            Alert2(){
                $('.alert2').css('display','block')
                setTimeout(function(){
                    //这里写时间到后执行的代码
                    $('.alert2').css('display','none')
                    window.open('/','_self')
                }, 1000);
            }
        }
        new Logins()
    })
})